<template>
  <div class="wrapper">
    <div class="animated fadeIn">
      <div class="row">
        <div class="col-12">
          <b-card header="Bootstrap Modals">
            <b-button type="button" variant="primary" @click="primaryModal = true">Launch primary modal</b-button>
          </b-card>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
          <p>sss</p>
        </div>
      </div>
    </div>

    <!-- Modal Component -->

    <b-modal title="Modal title" class="modal-primary" v-model="primaryModal" @ok="primaryModal = false">
      <br>
      是否删除该条信息？<br><br>
    </b-modal>

  </div>

</template>

<script>
export default {
  name: 'modals',
  data () {
    return {
      myModal: false,
      largeModal: false,
      smallModal: false,
      primaryModal: false,
      successModal: false,
      warningModal: false,
      dangerModal: false,
      infoModal: false
    }
  }
}
</script>
<style>

</style>
